{$content_for_layout}     
<style type="text/css">
*html #nav_menu_wrapper {
    position: absolute;
    left: 0;
    top: expression(eval(document.compatMode &&   document.compatMode ==
        'CSS1Compat') ?   documentElement.scrollTop +(
        documentElement.clientHeight-this.clientHeight ) :  
        document.body.scrollTop +(
        document.body.clientHeight-this.clientHeight ) )
}

#nav_menu_wrapper {   
    left: 0;
    /* this will ba used as a wrapper for the nav_menu so we can center it (nav_menu). especially for IE */
    height: 25px; /* fix bar's height */
    /* the code below will PUT the bar at the bottom */
    bottom: 0px;
    position: fixed;
    font-family: Tahoma;
    font-size: 11px;
    width: 100%;
}

#nav_menu_wrapper .nav_menu { /* the menu itself */
    height: 25px; /* fix bar's height */
    width: auto; /* fixed width */ /* center this div */
    margin-left: auto;
    margin-right: auto;
    border-style: none solid;
    border-color: #B5B5B5;
    border-width: medium 1px;
    background: transparent url(http://muare.vn/images/muare/notify_bar_bg.jpg)
        repeat-x scroll 0pt -25px;
}

.notifyBarLeft,.notifyBarLeftHover,.notifyBarLeftClicked {
    height: 25px;
    line-height: 25px;
    background: url('http://muare.vn/images/muare/notify_bar_bg.jpg') 0 -25px repeat-x;
    border-left: 1px solid #B5B5B5;
    cursor: pointer;
    float: right;
    text-align: center;
}

.notifyBarLeft a,.notifyBarLeftHover a,.notifyBarLeftClicked a {
    color: #000
}

.notifyBarLeftHover {
    background: url('http://muare.vn/images/muare/notify_bar_bg.jpg') 0 -50px repeat-x
}

.notifyBarLeftClicked {
    background: url('http://muare.vn/images/muare/notify_bar_bg.jpg') bottom repeat-x
}

.notifyBarRight,.notifyBarRightHover,.notifyBarRightClicked {
    width: 26px;
    height: 25px;
    float: right;
    background: url('http://muare.vn/images/muare/notify_bar_bg.jpg') 0 -25px repeat-x;
    border-left: 1px solid #B5B5B5;
    cursor: pointer;
}

.notifyBarRightHover {
    background: url('http://muare.vn/images/muare/notify_bar_bg.jpg') 0 -50px repeat-x
}

.notifyBarRightClicked {
    background: url('http://muare.vn/images/muare/notify_bar_bg.jpg') bottom repeat-x
}

.notifyBarRightAlert {
    height: 25px;
    line-height: 25px;
    background: url('http://muare.vn/images/muare/notify_bar_bg.jpg') top repeat-x;
    border-right: 1px solid #B5B5B5;
    cursor: pointer;
    float: left;
    text-align: center;
}

.notifyBarRedLink {
    display: none
}

.notifyBarRedLink a,.notifyBarRedLink a:link,.notifyBarRedLink a:visited
    {
    font-weight: bold;
    color: #ff0000
}

.notifyBarRedLink a:hover {
    color: #ffcc00
}

.notifyBarTop,.notifyBarTopHover {
    height: 25px;
    background: rgb(238, 244, 247);
    font-weight: bold;
    line-height: 24px;
    padding-left: 10px;
    color: #000000;
    cursor: pointer
}

.box_notify_bar {
    border-style: solid solid none;
    border-color: rgb(149, 147, 134) rgb(149, 147, 134) -moz-use-text-color;
    border-width: 1px 1px medium;
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-inline-policy: continuous;
    width: 294px;
    display: none;
    position: absolute;
    bottom: 25px;
    float: left;
}

.notify_bar_text {
    font-size: 12px;
}

.notify_bar_text a {
    color: #0047b1;
    text-decoration: none;
}

.notify_bar_text a:hover {
    text-decoration: underline;
}

.notify_bar_pm,.notify_bar_comment,.notify_bar_comment_user,.notify_bar_follow,.notify_bar_entry
    {
    width: 258px;
    line-height: 18px;
    padding: 3px 0 3px 25px;
    margin-left: 5px;
    background: url('http://muare.vn/images/muare/notifiy_bar_pm.gif') 2px 0 no-repeat;
}

._line {
    border-bottom: 1px #D6D9DE solid;
    margin: 3px 8px 5px 8px;
}

#notify_bar_searchbox_out {
    width: 230px;
    float: left;
    height: 25px;
    line-height: 25px;
}

#notify_bar_searchbox_in {
    width: 198px;
    background: url(http://muare.vn/images/muare/search_box.gif) 2px 3px no-repeat;
    padding-left: 5px;
    height: 25px;
}

#notify_bar_search_button {
    border: none;
    cursor: pointer;
    background-color: transparent;
}

.notify_bar_search_text,.notify_bar_search_text_onfocus {
    background-color: transparent;
    color: #9a9898;
    font-size: 11px;
    border-style: none;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    width: 157px;
    padding-left: 8px;
}

.notify_bar_search_text_onfocus {
    color: #000000;
}

#notifications_count strong {
    background: url(http://muare.vn/images/muare/new_msg_badge_bg.gif) no-repeat
        center top;
    color: #fff;
    font-size: 9px;
    font-weight: normal;
    position: absolute;
    top: -12px;
    right: 28px;
    padding: 0;
    height: 17px;
    line-height: 13px;
    width: 17px;
    text-align: center
}

#notifications_count_info {
    background: url(http://muare.vn/images/muare/info_div_bg.gif) no-repeat center top;
    color: #000000;
    font-size: 11px;
    font-weight: normal;
    position: absolute;
    top: -35px;
    left: 143px;
    padding: 0;
    height: 41px;
    line-height: 13px;
    width: 159px;
    text-align: center;
    padding-top: 8px;
}

#notifybar_threaview_label {
    background: url(http://muare.vn/images/muare/bck_1.png) no-repeat 3px 50%;
    padding-left: 10px;
}

.notifybar_info_label_no {
    background: url(http://muare.vn/images/muare/info_icon_no.png) no-repeat 0px 50%;
}

.notifybar_info_label_yes {
    background: url(http://muare.vn/images/muare/info_icon_yes.png) no-repeat 0px 50%;
}

.nb_lang_icon_v,.nb_lang_icon_e {
    width: 26px;
    height: 25px;
    background: url(http://muare.vn/images/muare/V.png) no-repeat 3px 50%;
}

.nb_lang_icon_e {
    background: url(http://muare.vn/images/muare/E.png) no-repeat 3px 50%;
}
</style>
<script type="text/javascript"> $(function(){ $('#btn_show_info').click(function(){ $('#listInfo').css('display', 'block'); }); $('#notifyTitle').click(function(){ $('#show_info_notify_bar').css('display', 'none'); }); });</script>
<div id="nav_menu_wrapper">
    <div class="nav_menu">      
        <!--    Info bar    -->
        <div align="right" class="notifyBarLeft" id="btn_show_info" style="width: 100px; padding-left: 15px;" title="Thông báo mới">
            <div class="notifybar_info_label_no" id="notifybar_info_label">Chơi Game</div>
            <span style="display: none;" id="notifications_count_info"></span>
        </div>
        
    </div>
    <div class="nav_menu" align="right">
        <div align="right" id="listInfo" class="box_notify_bar" style="right: 0;">
            <div class="notifyBarTop" onmouseover="this.className='notifyBarTopHover'" onmouseout="this.className='notifyBarTop'" title="Đóng" style="font-size: 12px;">
                <span style="float: left;">Game Caro</span>
                <span style="float: right;"><img src="http://muare.vn/images/muare/close.png" id="notifyTitle" /></span>
            </div>
            <div align="right" style="overflow: auto; height: 211px;" id="show_info_notify_bar"></div>
        </div> 
    </div>
</div>